<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags"%>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Summernote</title>
  <link href="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.css" rel="stylesheet">
  <script src="${ctx }/res/summernote/jquery.js"></script>
  <script src="${ctx }/res/summernote/bootstrap.js"></script> 
  <link href="${ctx }/res/summernote/summernote.css" rel="stylesheet">
  <script src="${ctx }/res/summernote/summernote.js"></script>
</head>
<body>
<div id="testDiv"></div>
  <div id="summernote"><p>${testInputVal }</p></div>
  <script>
    $(document).ready(function() {
        $('#summernote').summernote({
        	 height: 300,
        	 callbacks: {
 			    onBlur: function() {
 			    	alert($('#summernote').summernote('code'));
 			    	$('#testDiv').html($('#summernote').summernote('code'));
 			    	alert($('#testDiv').html());
 			    }
 			  }
        	
        });
    });
  </script>
</body>
</html>